<template lang="html">
  <div class="" id="">
    <div class="" id="topDiv" ref="topDiv">
      <div class="memberHead">
        <span class="userImg" @click="toMemberset">
          <!-- <img :src="userInfo.icon" alt=""> -->
          <img :src="userInfo.icon" alt="" v-if="userInfo.icon">
          <img src="@/assets/images/userImg@2x.png" alt="" v-else>
        </span>
        <p class="loginName" v-if="isLogin" @click="toMemberset">{{userInfo.userName}}</p>
        <p class="loginName" v-else @click="toLogin">登录/注册</p>
        <router-link class="changeUser" :to="{ name: 'members', params: {} }">
          切换为租客
        </router-link>
      </div>

      <section class="mb10">
        <user-menu></user-menu>
      </section>

      <tab :leaseTab="leaseTab" @tabActive="tabActive" style="position:static;"></tab>
    </div>

    <div class="" id="bottomDiv" ref="bottomDiv">
      <landlordRent id="dataList0" :rentType="1" v-if="idx==0" :topdivHeight="topdivHeight"></landlordRent>
      <landlordRent0 :rentType="2" v-else :topdivHeight="topdivHeight"></landlordRent0>
    </div>


    <foot-nav></foot-nav>
  </div>
</template>

<script src="./landlord.js"></script>

<style lang="scss" scoped src="./landlord.scss"></style>
